<script lang="ts">
	import { classMap } from '@smui/common/internal';

	let className = '';
	export { className as class };
	export let style = '';
</script>

<div
	class={classMap({
		[className]: true,
		'table-row': true
	})}
	{style}
>
	<slot />
</div>

<style>
	.table-row {
		display: grid;
		width: 100%;
		min-height: 28px;
		font-size: 18px;
		grid-template-columns: repeat(24, minmax(0, 1fr));
	}
</style>
